@charset "utf-8";
/* CSS Document */
body, div, p, ul, li,  input, button, textarea,h1,h2,h3,h4 {margin:0; padding:0;  font-family:"Microsoft YaHei"; text-align:left; color:#333; line-height:24px;}
.clear{clear:both;}
body{ max-width:1024px; min-width:320px;  margin: auto; padding-bottom: 44px; }
ul,li{list-style: none;}
em{font-style: normal;}
a{ color:#404040; text-decoration: none;}
a:hover{ color:#EF634D; text-decoration: none;}
/*---------首页---------*/
/*顶部导航*/
.topHeader{border-bottom:1px solid #E4E4E4;height: 44px; display: block;  }
.topHeader .left{width: 140px; height: 30px; display: block; float: left; background: url("/images/m_sex_custom.png"); background-size: 290px 94px; margin: 7px 0 7px 10px;}
.topHeader .right a{width: 15%;display:block; float: right; height: 44px;}
.topHeader .right em{width: 20px; height: 20px; display: block; background: url("/images/m_sex_custom.png") -140px 0; background-size: 290px 94px; float: right; margin: 12px 15px 0 0;}
#tags{display: none;  background: #353535; padding:15px 0 10px 10px;}
#tags a{width:21%; height: 32px; padding: 0 1%; margin: 0 4px 5px 0; display: block;float: left; overflow: hidden; line-height: 32px; background: #444; color: #eee; font-size:14px; text-align: center; border-radius: 15px; }
#tags a:hover{ color: #fff; background: #F67D79;}
/*图标导航*/
.tag {padding:20px 15px 15px 15px; background: #f7f7f7; }
.tag ul li{width:25%; display: block;float: left; font-size:13px; text-align: center; position: relative; padding-top: 56px;padding-bottom: 15px; }
.tag ul li em{width: 54px;height: 54px; display: block; left: 50%; margin-left: -27px; position: absolute; top: 0;}
.tag ul li a{ color: #666;}
.tag ul li a:hover{ color: #000;}
.tag ul li .em1 {background: url(/images/m_sex_custom.png) 0 -40px; background-size: 290px 94px;}
.tag ul li .em2 {background: url(/images/m_sex_custom.png) -60px -40px; background-size: 290px 94px;}
.tag ul li .em3 {background: url(/images/m_sex_custom.png) -120px -40px; background-size: 290px 94px;}
.tag ul li .em4 {background: url(/images/m_sex_custom.png) -180px -40px; background-size: 290px 94px;}
/*搜索*/
.header-search {background: #f7f7f7; width: 100%; display: block;float: right; position: relative;}
.header-search .topLayerTxt { width: 97%; margin: 0 !important; float: left;}
.data-search { width: 98%;   height: 36px;  line-height: 36px;   border: 1px solid #e2e2e2;   border-right: 0;   padding: 0 15px;   border-radius: 25px 0 0 25px; box-sizing: border-box;  outline: none;  box-shadow:none;}
.data-search:focus {  border: 1px solid #ddd; border-right: 0}
.search-btn {  width: 36px;  height: 36px; display: block; float: right;  position: absolute; top: 0; right: 0;  border-radius: 0 25px 25px 0;  border: 1px solid #ccc; background: #ccc url(/images/m_sex_custom.png) -202px 0; background-size: 290px 94px;  }
.search-btn:hover {  background: #F67D79 url(/images/m_sex_custom.png)  -202px 0; background-size: 290px 94px;    border: 1px solid #F67D79}

/*焦点图*/
.main_visual{height:180px;overflow:hidden;position:relative;}
.main_image{height:180px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:180px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:180px;}
.main_image li a{display:block;width:100%;height:180px}
.main_image li img{width: 100%; height: auto; min-height: 180px;}
.main_image li a em{display: block; width: 80%; padding-right: 20%; text-indent: 1em; position:absolute;bottom:0;left: 0; z-index:1; font-size: 14px; color: #fff; background: rgba(0,0,0,.4); height: 26px;line-height: 26px; overflow: hidden;}

div.flicking_con{position:absolute;bottom: 9px; right:10px; z-index:999;height:6px;margin:0 0 0 -45px;}
div.flicking_con a{float:left;width:3px;height:3px;border-radius: 2px; margin:0 2px;padding:0;background:rgba(255,255,255,0.8);display:block;text-indent:-1000px}
div.flicking_con a.on{background:#F67D79;width:5px;height:5px;border-radius: 3px; margin: -1px 4px;}
#btn_prev,#btn_next{z-index:11111;position:absolute;width:22px!important;height:34px!important;top:50%;margin-top:-20px;display:none;}
#btn_prev{background:url(/images/m_sex_custom.png) -240px -40px; background-size: 290px 94px; left:10px;}
#btn_next{background:url(/images/m_sex_custom.png) -266px -40px; background-size: 290px 94px;right:10px;}

@media(min-width: 768px) {
    .main_visual{height:360px}
    .main_image{height:360px;}
    .main_image ul{height:360px;}
    .main_image li{height:360px;}
    .main_image li a{height:360px}
    .main_image li img{min-height: 180px;}
}

@media(min-width: 1024px) {
    .main_visual{height:490px}
    .main_image{height:490px;}
    .main_image ul{height:490px;}
    .main_image li{height:490px;}
    .main_image li a{height:490px}
    .main_image li img{min-height: 490px;}
}


.title{ border-bottom: 1px solid #f0f0f0; padding: 12px  0; position: relative;}
.title h2{font-size: 18px; border-left: 6px solid #F67D79; padding-left: 8px; height: 22px; line-height: 22px; color: #000;}
.title em{display: block; position: absolute; right: 15px; top:12px; font-size: 14px;}
.title em a{ color: #999;}
.title em a:hover{ color: #F67D79;}

/*编辑推荐---列表内容*/
.listBox{ border-bottom:1px solid #f3f3f3; display: block;}
.listBox h2{font-size: 18px; line-height: 24px; height:72px; overflow:hidden; font-weight: normal;}
.listBox span{ width:104px; height:72px; overflow:hidden; display:inline-block; float:right; margin-left:10px;}
.listBox span img{width:104px; height:auto; min-height: 72px; }
.listBox p{font-size:14px; color: #bbb; height: 24px; width: 60%; display: none;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.listBox a{ height: 72px;display: block; padding:10px;}
.listBox a:hover{ background: #f2f2f2; text-decoration: none;}
.borderBtm{border-bottom: none;}
.border{border-bottom:10px solid #e6e6e6;}

/*经验*/
.img{  display: block; overflow: hidden;}
.imgbox{padding: 15px 0 0 10px;}
.imgbox ul li{ width: 47%; height:150px; display: block; overflow: hidden; float: left; position: relative; z-index:0; margin: 0 2.5% 10px 0;}
.imgbox ul li span{height: 100px; display: block; overflow: hidden; margin-bottom: 5px;}
.imgbox img{width: 100%; height: auto; min-height: 100px; position: relative; z-index: 0; border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.imgbox p{font-size: 14px; text-align: center; line-height: 20px; height: 40px; overflow: hidden;}
.imgbox a p{color: #666;}
.imgbox a:hover p{color: #F67D79;}

@media(min-width: 375px) {
    .imgbox ul li{ height:170px; margin: 0 2.6% 10px 0;}
    .imgbox ul li span{height: 120px;}
    .imgbox img{ min-height: 120px;}
}

@media(min-width: 768px) {
    .imgbox ul li{ width: 24%; height:170px;  margin: 0 1% 10px 0;}
}

/*选项卡*/
.IndexTabs{ overflow:hidden;}
.IndexTabs .TabTitle{  margin:0;    padding:0;    border-bottom: 1px solid #F1F1F1; height: 40px;}
.IndexTabs .TabTitle li{ float:left; width: 25%; line-height: 40px; text-align: center;}
.IndexTabs .TabTitle li a{ display:block; color:#777;}
.IndexTabs .TabTitle .ui-state-hover{ line-height: 39px; color: #F67D79; background: #fff; }
.IndexTabs .TabTitle .ui-state-hover a{color:#F67D79; font-weight:bold;}
.IndexTabs .TabTitle .ui-state-active{ border-bottom:2px solid #F67D79;  color: #F67D79; }
.IndexTabs .TabTitle .ui-state-active a{ line-height: 38px;background: #fff;color:#EF634D; }
.tabs-con ul{padding: 0 15px;}
.tabs-con ul li{ font-size: 16px; display: block; overflow: hidden; position: relative; padding-right: 20px; line-height: 50px; height: 50px; border-bottom: 1px solid #F1F1F1; background: url("/images/m_sex_custom.png") no-repeat -260px 8px; background-size: 290px 94px; padding-left: 15px;}
.tabs-con ul li a{display:block;}
.tabs-con .more a{text-align: center; display: block; line-height: 50px; font-size: 14px; color: #EF634D;}
.tabs-con .more a:hover{ color: #EF634D;text-decoration: underline;}

/*返回顶部*/
.side{width: 44px;height: 44px; display: block; position: fixed; bottom: 70px; right: 10px;}
.side a{width: 44px;height: 44px; display: block;background:rgba(0,0,0,0.5); padding-top:1px;}
.side a:hover{background:rgba(0,0,0,0.8);}
.side a em{ width: 16px; height: 8px; display: block; background: url("/images/m_sex_custom.png") -240px 0; background-size: 290px 94px; margin: 16px 14px;}
.footer{background:#444444;  width:100%; max-width: 1024px; height:44px; display: block; position: fixed; bottom: 0; z-index: 99999;}
.footer a{ width: 20%; display: block; float: left; color: #fff; text-align: center; line-height: 44px; font-size: 14px; }
.footer a:hover{background: #F67D79;}



/*---------------列表页----------------*/
/*顶部导航*/
header{  background-color:#F67D79; height: 44px; display: block;}
header .left a{width: 15%;display: block; float: left; height: 44px;}
header .left a em{width: 20px; height: 20px; display: block; background: url("/images/m_sex_custom.png") -180px 0;  background-size: 290px 94px;margin: 12px 0 12px 10px;}
header .center{width: 70%;display: inline-block; float: left;font-size: 16px; text-align: center; line-height: 44px; height: 44px; color: #fff;}
header .center a{padding: 0 8px; color: #fff; }
header .right a{width: 15%;display:block; float: left; height: 44px;}
header .right em{width: 20px; height: 20px; display: block; background: url("/images/m_sex_custom.png") -160px 0; background-size: 290px 94px; float: right; margin: 12px 10px 0 0;}

/*分类导航*/
.tags2{ background:#F7F7F7; border-bottom: 1px solid #e1e1e1;  display: block; position: relative;  height: 45px; overflow-y: hidden;}
.tags2 strong{color:#EF634D;  border-bottom: 2px solid #F67D79; line-height: 44px; display: block;}
.tags2 a{font-size: 15px; height:44px;text-align: center; color: #666; width: 25%; display: block; float: left;line-height: 44px; }
.tags2 a:hover{ color: #EF634D;}
.tags2 span em{ width: 16px; height: 8px; display: block;  background: url("../images/m_yuer_custom.png") -240px -20px; background-size: 290px 94px; margin: 18px 14px 18px 280px; }
#tags2{display:none;}

/*当前位置*/
.position{ border-radius:1px; height:30px; display: block; overflow: hidden; font-size:12px;  color:#bbb;  text-align:left; line-height: 30px; padding-left: 10px; }
.position a{ color: #888; padding: 0 4px;}

/*热文排行榜*/
.hot ul { display: block; margin: 3px 0 3px 0;height: 82px; overflow: hidden; }
.hot ul li{width: 31.4%; height:82px; display: block; float: left; overflow: hidden; margin: 0 3px 10px 3px; text-align: center; line-height: 30px; font-size: 14px; position: relative;}
.hot ul li span{height: 82px; width: 100%; overflow: hidden; display: block;}
.hot ul li span img{width: 100%; height: auto; min-height: 82px;}
.hot ul li a{color: #fff;}
.hot ul li em{ display: block; position: absolute; background: rgba(0,0,0,0.5); font-size: 14px; z-index: 999; bottom: 0; height: 18px; line-height: 18px;}

@media(min-width: 768px)  {
    .hot ul{padding-left: 5px;}
    .hot ul li{width:15.6%; margin: 0 1% 15px 0;}
}

.more a{text-align: center; display: block; line-height: 50px; font-size: 14px; color: #F67D79;}
.more a:hover{ color: #F67D79;text-decoration: underline;}
/*分页*/
.page{text-align: center; padding: 25px 0;height:30px}
.page a{background:#ebebeb; padding: 6px 12px;line-height: 32px; font-size:14px; color:#888888;  text-align:center; margin: 0;}
.pagination{width:100%;float:left;margin-left:10px;text-align:center;height: 32px; display: block;}
#pageLeft{float:left;text-align:center;height:122px; line-height:122px; display: block;margin-left:5px}
#pageLeft em{ font-family:Georgia, "Times New Roman", Times, serif; color:#EF4C4D; font-size:16px; padding:0 5px;}
.pagination li{ height:30px;margin-right:5px;  border:none; display:inline-block; float:left;  line-height:30px;}
.pagination li a{ color:#333; display:block; padding:0px 12px; border:1px solid #ddd;}
.pagination li a:hover{ color:#fff; background:#EF4C4D;}
.pagination li{ display:inline-block; float:left; }
.pagination em{ font-family:Georgia, "Times New Roman", Times, serif; color:#3492d1; font-size:16px; padding:0 5px;}
.pagination2 a{ color:#fff !important; background:#EF4C4D !important;}


/*---------- 内容页 -----------*/
/* 内容 */
h1{font-size:24px; line-height: 32px; }
.Title{ padding:15px ; }
.Title small span{padding-right: 10px; color: #bbb; font-size: 12px;}
.Title small a{color: #999;}
.banner img{width: 100%; height: auto;}
.mainBox{padding: 0 15px 10px 15px;}
.mainBox p {padding-bottom:25px; line-height:28px; font-size: 16px;}
.mainBox p a{color:#EF634D; text-decoration: underline;padding: 0 5px; }
.mainBox p a:hover{color:#fff; background:#F67D79; text-decoration: none; }
.mainBox img{width: 100%; height: auto;}
.mainBox strong{font-size:18px; font-weight: bold; padding-bottom: 10px; display: block; }
.mainBox ul{padding-bottom: 10px;}
.mainBox ul li{margin-left: 30px; list-style: disc; padding-bottom: 15px; font-size: 16px;}
.mainBox .page{padding: 0;}
/*阅读推荐*/
.list ul{padding:15px;}
.list ul li{ display: block;height: 40px; line-height: 40px; overflow: hidden; font-size: 16px;}
.list em{color: #bbb; padding-right: 6px;font-size: 14px;}
.list .em1{color: #ff9000;}